import { createBrowserRouter, Navigate } from 'react-router-dom';
import HomePage from '../views/home-page/home-page';
import { lazy } from 'react';
// import PersonInfo from '@/views/person-info';
// import ProjectExperience from '@/views/project-experience';

const routers = createBrowserRouter([
  {
    path: '/',
    Component: HomePage,
    children: [
      {
        path: '/',
        element: <Navigate to="/person-info" replace />,
      },
      {
        path: '/person-info',
        Component: lazy(() => import('@/views/person-info')),
      },
      {
        path: '/project-experience',
        Component: lazy(() => import('@/views/project-experience')),
      },
    ],
  },
  {
    path: '/login',
    Component: lazy(() => import('../views/logins/login-a')),
  },
]);
export default routers;
